<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>01_JS的三种引入方式</title>
</head>
<body>
    <!--1.行内写法: 写在对应的HTML元素上
    onclick=""给元素添加一个点击事件，点击元素时触发执行""里面的代码
    alert()显示弹窗()里是弹窗中显示的文本
    console.log() 向前端控制台输出内容-->
    <button onclick="alert('请先登录!')">点击即玩</button>
    <button onclick="console.log('点我干嘛')">点击即玩2</button>

    <h1 id="aaa">我是一级标题!</h1>
    <!--    2.内部写法，写在body结束标签之前-->
    <script>
        console.log('我是JS代码块');
        //可以通过id值直接获取其对应的HTML元素
        console.log(aaa);
    </script>
    <!--3.引入外部的JS文件，注意:内部不能写JS代码，不会执行!  -->
    <script src="01.js">
        console.log('看我执行吗?')

    </script>
    </body>
</html>